@charset "UTF-8";
/* html {font-size: 4vm;height: 100%;} */
html {font-size: 62.5%;height: 100%}
body {height: 100%;-moz-user-select:   none;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,div {margin: 0;padding: 0;font-family: "微软雅黑";}
.clear {zoom: 1;}
.clear:after {clear: both;display: block;overflow: hidden;height: 0;content: "";}
a {color: #333;text-decoration: none;}
li {list-style: none}

*{margin: 0;padding: 0;}


body{
    /* background-color: #f2f2f2; */
    max-height: 20000rem;
}

.head{
    background-color: white;
    height: 3rem;
    width: auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.s1{
    font-size: 1.8rem;
    color: #141414;
}

.s2{
    margin-left: 10%;
}

.navigation{
    margin-top: 1.25rem;
    height: 5rem;
}

.navigation div{
    width: 33.33%;
    float: left;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background-color: white;
}

ul{
    list-style-type: none;
}

ul li{
    color: #666666;
    /* font-size: 1.8rem; */
}

input{
    border-radius: .2rem;
}

input[type=button]{
    background-color: #00afe9;
    border: none;
    min-width: 6.5rem;
    margin-right: .5rem;
    color: #666666;
}

input[type=button], input[type=submit], input[type=file], button {
	-webkit-appearance: none; 
}

		p{
            margin: 0rem;
        }
        
        .container{
            font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Wenquanyi Micro Hei","Microsoft Yahei",Arial,sans-serif;
            display: inline-block;
            color: #000;
            width: 100%;
            position: relative;
            top:2rem;
            /*top:50%;
            left: 50%;
            transform: translate(-50%,-50%); */
            height: 15rem;
            font-size: 1.4rem;
            text-align: left;
        } 
         
        
        .b{
            width: .3rem;
            height: 8rem;
            background: #cccccc;
            display: inline-block;
            float: left;
            margin-left: .5rem;
        }
        
        .a{
            /* position: absolute; */
            z-index: 10;
            margin: 0rem;
            padding: 0rem;
            
        }
        
        .ab{
        	position:absolute;
        	top:50%;
            left: 50%;
            transform:translate(-50%,-50%);
        }

        .a1{
           /*  width: 25rem; */
            height: 4rem;
            background-image: url(/plugins/cashier/img/a.png);
            background-repeat: no-repeat;
            color: #666666;
            background-position: -33.4rem -4.7rem;
            z-index: 99;
        }

        .a3{
            /* width: 25rem; */
            height: 4rem;
            background-image: url(/plugins/cashier/img/a.png);
            background-repeat: no-repeat;
            color: #f5aa28;
            background-position: -2rem -4.7rem;
            z-index: 99;
        }

        .a2{
            padding-left: 2rem;
            text-align: left;
        }
        
